<template>
  <el-row class="head">
    <el-col :span="24">
      <div style="padding: 10px; text-align: left;">
        <span class="title-en" style="color: #fff; margin-right: -30px;">Faker-Plus</span>
        <span class="title-zh" style="color: #fff;">伪数据生成引擎</span>
      </div>
    </el-col>
  </el-row>
</template>

<script>
export default {
  name: "Header",
  data() {
    return {
      defaultActive: 'index',
    }
  },
  methods: {
    // eslint-disable-next-line no-unused-vars
    handleSelect(key, keyPath) {
      // 切换的时候更换标签
      this.defaultActive = key;
    }
  },
  mounted() {
    // 初始化，刷新的时候激活标签
    const path = this.$route.path;
    this.defaultActive = path.replace("/", "");
  }
}
</script>

<style scoped>
.head {
  background: linear-gradient(to right, #C430C6, #1AB5FB);
}

.title-en {
  margin-left: 50px;
  letter-spacing: 10px;
  font-size: 40px;
  color: #fff;
  font-weight: bold;
  font-family: Segoe Print;
}

.title-zh {
  margin-left: 50px;
  letter-spacing: 10px;
  font-size: 40px;
  color: #fff;
  font-family: alifont;
}


</style>